<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="baidu-site-verification" content="6jfkmO4UAM" />
    <title>guitar-coder`s space</title>
    <link rel="shortcut icon" href="img/favicon.ico"/>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.6/css/bootstrap.min.css" media="screen"/>
    <!-- Hover.css -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/hover.css/2.0.1/css/hover-min.css"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="css/font-awesome.min.css" media="screen"/>
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="css/owl.theme.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <!-- Addon Style -->
    <link rel="stylesheet" href="css/style.css" media="screen"/>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>

<!-- Preloader -->
<!--<div id="preloader">-->
    <!--<div id="loader">-->
        <!--<img src="img/cube.gif" alt="preload spinner">-->
        <!--<div class="pre-logo">-->
            <!--<h4>跳转中…………</h4>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!-- End of preloader -->

<!-- Start wrapper as cross-portfolio -->
<div id="cross-portfolio" class="cross-portfolio">

    <!-- Hamburger menu on scroll-->
    <nav id="nav-icon">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </nav>
    <!-- end of hamburger -->

    <!-- Overlay menu -->
    <nav id="menu-overlay">
        <ul id="menu" class="menu-click list-unstyled">
            <li><a data-scroll href="#profile" class="smooth-scroll">TOP</a></li>
            <li><a data-scroll href="#services" class="smooth-scroll">技能</a></li>
            <li><a data-scroll href="#portfolio" class="smooth-scroll">工作</a></li>
            <li><a data-scroll href="#resume" class="smooth-scroll">经历</a></li>
            <li><a data-scroll href="#contact" class="smooth-scroll">CONTACT</a></li>
        </ul>
    </nav>
    <!-- end of overlay menu -->

    <!-- Start intro / background / big title -->
    <div id="intro">

        <!-- Background -->
        <div class="bg">
            <div class="bg-img">
                <img src="img/shilihe1.jpg" alt="Background Image"/>
            </div>
        </div>
        <!-- End of background -->

        <!-- Top logo -->
        <!--<div class="cross-top">-->
        <!--<div style="display: inline-block;transform: scale(0.8)">-->
            <!--<a href="/blogIndex" class="logo"><span>生活</span></a>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="cross-top">-->
        <div style="display: inline-block;transform: scale(0.8)">
            <a href="https://blog.guitar-coder.cn/" class="logo"><span>博客地址</span></a>
        </div>
        <!--</div>-->
        <!--<div class="cross-top" >-->
        <!---->
        <!--</div>-->
        <!-- End of top logo -->

        <!-- The middle big title -->
        <div class="big-title">
            <div class="text-center">
                <h1>guitar-coder</h1>
                <p><span class="sub-title"></span></p>
            </div>

        </div>
        <!-- End of big title -->

        <!-- Chevron arrow down button -->
        <button class="trigger hvr-hang"><i class="fa fa-chevron-down"></i></button>


    </div>
    <!-- End of intro -->

    <!-- Start of profile -->
    <div id="profile" class="content">
        <div class="containers">
            <div class="row">
                <div class="col-lg-12">

                    <!-- Title -->
                    <div class="title">
                        <h1>刘会俊</h1>
                        <span class="h4 element"></span>
                    </div>
                    <!-- End of title -->

                    <!-- About me -->
                    <div class="space">
                        <h3>关于我</h3>
                        <p class="text-justify">2016年跟随其他专业一人来京北漂，2017年毕业于某末流本科。</br>
                            2017年6月进入一家外包公司，外派到某保险行业国企，历时10个月完成菜鸟到新手的蜕变；</br>2018年4月进入某创业公司，加班、熬夜、通宵写bug无所不精，成长巨大；</br>
                            2018年11月，多事之秋，再次跳槽，外派到某科工旗下股份公司驻场开发。</br>爱好:弹琴，读书。</br></p>
                        <p class="text-justify">自我评价：沟通能力强；抗压能力强；学习能力强；热爱coding，追求geek精神。</p>
                    </div>
                    <!-- End of about me -->
                </div>

                <!-- Avatar image -->
                <div class="col-lg-6 col-md-12 col-sm-12 hidden-md animated">
                    <img src="img/avatar500x680lhj.jpg" class="avatar" alt="Avatar">
                </div>
                <!-- End avatar image -->

                <!-- Start skills / expertise -->
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <div class="space">
                        <h3>职业技能树</h3>

                        <h5>Java Web</h5>
                        <div class="progress progress-striped active">
                            <div class="progress-bar progress-bar-danger" style="width: 90%"></div>
                        </div>

                        <h5>Linux</h5>
                        <div class="progress progress-striped active">
                            <div class="progress-bar progress-bar-success" style="width: 85%"></div>
                        </div>

                        <h5>Mysql/Oracle</h5>
                        <div class="progress progress-striped active">
                            <div class="progress-bar progress-bar-danger" style="width: 80%"></div>
                        </div>

                        <h5>Javascript</h5>
                        <div class="progress progress-striped active">
                            <div class="progress-bar progress-bar-default" style="width: 50%"></div>
                        </div>

                        <h5>Html/Css</h5>
                        <div class="progress progress-striped active">
                            <div class="progress-bar progress-bar-success" style="width: 40%"></div>
                        </div>

                        <!--<h5></h5>-->
                        <!--<div class="progress progress-striped active">-->
                        <!--<div class="progress-bar progress-bar-warning" style="width: 80%"></div>-->
                        <!--</div>-->
                        <div class="space">
                            <p class="text-justify">封面图：2018-6-27下班途中拍摄于十里河</p>
                            <p class="text-justify">左侧图：2018-7-21参加看雪安全峰会拍摄于国家会议中心</p>
                        </div>

                    </div>
                </div>
                <!-- End of skills / expertise -->
            </div>
            <!-- end row -->
        </div>
        <!-- end containers -->
    </div>
    <!-- end profile -->

    <!-- Start countTo -->
    <div id="count" class="content">
        <div class="containers">
            <div class="row">
                <div class="col-md-12">

                    <!-- CountTo -->
                    <div class="animated text-center">
                        <div class="col-md-4">
                            <p class="h2"><i class="fa fa-child"></i> <span class="count" data-from="0" data-to="" th:data-to="${peopleCount}"
                                                                            data-speed="5000"
                                                                            data-refresh-interval="50"></span></p>
                            <h5 class="text-weight">访客数</h5>
                        </div>
                        <div class="col-md-4">
                            <p class="h2"><i class="fa fa-laptop"></i> <span class="count" data-from="0" data-to="" th:data-to="${viewCount}"
                                                                             data-speed="5000"
                                                                             data-refresh-interval="50"></span></p>
                            <h5 class="text-weight">访问数</h5>
                        </div>
                        <div class="col-md-4">
                            <p class="h2"><i class="fa fa-code"></i> <span class="count" data-from="0" data-to="" th:data-to="${coderLineCount}"
                                                                           data-speed="5000"
                                                                           data-refresh-interval="50"></span></p>
                            <h5 class="text-weight">代码数</h5>
                        </div>
                    </div>
                    <!-- End countTo -->

                </div>
                <!-- end col-md-12 -->
            </div>
            <!-- end row -->
        </div>
        <!-- end containers -->
    </div>
    <!-- End of countTo -->

    <!-- Start services / what I can -->
    <div id="services" class="content">
        <div class="containers">
            <div class="row">

                <!-- Title -->
                <div class="col-md-12 headline">
                    <h2>我能做什么？</h2>
                    <hr>
                </div>
                <!-- end title -->

                <!-- Start -->
                <div class="col-md-12">
                    <div class="row">

                        <div class="col-sm-6 animated">
                            <div class="panel panel-default hvr-grow-shadow">
                                <div class="panel-body">
                                    <div class="icon-item">
                                        <i class="fa fa-code"></i>
                                        <h5>代码</h5>
                                    </div>
                                    <div class="text-justify">
                                        <p>快速、高效搭建常用的代码框架，并进行代码编写。</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 animated">
                            <div class="panel panel-default hvr-grow-shadow">
                                <div class="panel-body">
                                    <div class="icon-item">
                                        <i class="fa fa-desktop"></i>
                                        <h5>系统</h5>
                                    </div>
                                    <div class="text-justify">
                                        <p>从无到有搭建线上测试和正式环境，如jdk，maven，git，docker，数据库等。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- .row -->

                    <div class="row">
                        <div class="col-sm-6 animated">
                            <div class="panel panel-default hvr-grow-shadow">
                                <div class="panel-body">
                                    <div class="icon-item">
                                        <i class="fa fa-cloud"></i>
                                        <h5>线上部署</h5>
                                    </div>
                                    <div class="text-justify">
                                        <p>通过脚本一键更新、部署并启动线上项目，更可以搭建CI/CD环境实现持续交付。</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 animated">
                            <div class="panel panel-default hvr-grow-shadow">
                                <div class="panel-body">
                                    <div class="icon-item">
                                        <i class="fa fa-rocket"></i>
                                        <h5>性能优化</h5>
                                    </div>
                                    <div class="text-justify">
                                        <p>通过代码重构、架构优化、JVM优化、Linux优化几大措施来优化服务性能。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end services item -->
                    </div>
                    <!-- row -->
                </div>
                <!-- col-md-12 -->
            </div>
            <!-- row -->
        </div>
        <!-- containers -->
    </div>
    <!-- End of services / what i can -->

    <!-- Start of portfolio -->
    <div id="portfolio" class="content">
        <div class="containers">
            <div class="row">

                <!-- title -->
                <div class="col-md-12 headline">
                    <h2>最近工作</h2>
                    <hr>
                </div>
                <!-- end title -->

                <!-- start work profolio image -->
                <div class="col-md-12 space">

                    <!-- image 1 -->
                    <figure class="cross-image animated">
                        <img src="img/project_1.jpg" alt="Project 1"/>
                        <figcaption>
                            <h2>51发票-企业开票系统</h2>
                            <p>利用互联网技术实现APP，H5，浏览器端的快速开票</p>
                            <a href="https://www.51fapiao.cn/">查看主页</a>
                        </figcaption>
                    </figure>

                    <!-- image 2 -->
                    <figure class="cross-image animated">
                        <img src="img/project_2.jpg" alt="Project 2"/>
                        <figcaption>
                            <h2>兔比兔 3.0</h2>
                            <p>
                                兔比兔平台定位新消费服务共享平台，基于区块链和LBS技术，服务于学习培训、亲子、美食、酒店住宿、丽人美发、休闲娱乐、运动健身等行业，专注于激活市场90%以上的中小型生活服务机构的优质资源。</p>
                            <a href="https://m.tubtu.cn">查看主页（H5移动端页面）</a>
                        </figcaption>
                    </figure>

                    <!-- image 3 -->
                    <figure class="cross-image animated">
                        <img src="img/project_3.jpg" alt="Project 3"/>
                        <figcaption>
                            <h2>个人主页</h2>
                            <p>自己一直以来的愿望，希望搭建一个自己的小世界，在互联网世界里有自己的一席之地。</p>
                            <a href="http://www.guitar-coder.cn/index">查看主页</a>
                        </figcaption>
                    </figure>

                    <!-- image 4 -->
                    <figure class="cross-image animated">
                        <img src="img/project_4.jpg" alt="Project 4"/>
                        <figcaption>
                            <h2>Apollo配置中心</h2>
                            <p>兔比兔项目所使用的分布式配置中心。</p>
                            <a href="http://47.104.165.58:8070/signin">查看</a>
                        </figcaption>
                    </figure>

                </div>
                <!-- end of work portfolio image -->

                <!-- middle view more button -->
                <div class="col-md-12 text-center animated">
                    <a href="javascript:void(0);" id="viewMore" class="btn btn-success btn-lg" data-toggle="modal"
                       data-target="#projectModal"><i class="fa fa-plane"></i>查看更多</a>
                </div>
                <!-- end button -->
            </div>
            <!-- row -->
        </div>
        <!-- containers -->
    </div>
    <!-- End of portfolio -->
    <!--<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">模板之家</a></div>-->

    <!-- Start of resume -->
    <div id="resume" class="content">
        <div class="containers">
            <div class="row">

                <!-- title -->
                <div class="col-md-12 headline">
                    <h2>个人简历</h2>
                    <hr>
                </div>
                <!-- end title-->
            </div>
            <!-- .row -->

            <!-- start resume item -->
            <div class="row">

                <div class="col-md-12 animated">
                    <h3>教育经历</h3>
                </div>

                <!-- education 1 -->
                <div class="col-sm-8 col-md-8 col-md-push-4 animated">
                    <h4>网络工程</h4>
                    <p>好吧，只学会了一些基本的电脑知识，比如重装系统啊，Linux一些简单指令啊，一些简单的Android语法啊。😅</p>
                    <hr class="hidden-xs">
                </div>

                <div class="col-sm-4 col-md-4 col-md-pull-8 animated">
                    <div class="icon-list">
                        <div class="icon-list-icon">
                            <i class="fa fa-graduation-cap"></i>
                        </div>
                        <div class="icon-list-content">
                            <div class="icon-list-title">蚌埠学院BengBu University</div>
                            <div class="icon-list-info">
                                <span>2013 - 2017</span>
                            </div>
                        </div>
                    </div>
                    <hr class="visible-xs">
                </div>

                <!-- education 2 -->
                <div class="col-sm-8 col-md-8 col-md-push-4 animated">
                    <h4>Web安全</h4>
                    <p>各种Web安全的理论知识和相关实战操作。</p>
                    <hr class="hidden-xs">
                </div>

                <div class="col-sm-4 col-md-4 col-md-pull-8 animated">
                    <div class="icon-list">
                        <div class="icon-list-icon">
                            <i class="fa fa-graduation-cap"></i>
                        </div>
                        <div class="icon-list-content">
                            <div class="icon-list-title">网易云课堂</div>
                            <div class="icon-list-info">
                                <span>2016 - 2017</span>
                            </div>
                        </div>
                    </div>
                    <hr class="visible-xs">
                </div>

            </div>
            <!-- .row -->

            <div class="row">
                <div class="col-md-12 animated">
                    <h3>经历</h3>
                </div>

                <!-- experience 3 -->
                <div class="col-sm-8 col-md-8 col-md-push-4 animated">
                    <h4>中级Java开发工程师</h4>
                    <p>就职于北京问世技术有限公司，外派到北京航天信息股份有限公司驻场，主要负责代码编写，数据库优化等工作。</p>
                    <hr class="hidden-xs">
                </div>

                <div class="col-sm-4 col-md-4 col-md-pull-8 animated">
                    <div class="icon-list">
                        <div class="icon-list-icon">
                            <i class="fa fa-briefcase"></i>
                        </div>
                        <div class="icon-list-content">
                            <div class="icon-list-title">问世</div>
                            <div class="icon-list-info">
                                <span>2018 - 至今</span>
                            </div>
                        </div>
                    </div>
                    <hr class="visible-xs">
                </div>

                <!-- experience 2 -->
                <div class="col-sm-8 col-md-8 col-md-push-4 animated">
                    <h4>中级Java开发工程师</h4>
                    <p>就职于北京中创梅隆文化技术有限公司，负责框架搭建，集群部署，服务器配置，核心代码编写等工作。</p>
                    <hr class="hidden-xs">
                </div>

                <div class="col-sm-4 col-md-4 col-md-pull-8 animated">
                    <div class="icon-list">
                        <div class="icon-list-icon">
                            <i class="fa fa-briefcase"></i>
                        </div>
                        <div class="icon-list-content">
                            <div class="icon-list-title">中创梅隆</div>
                            <div class="icon-list-info">
                                <span>2018 - 2018</span>
                            </div>
                        </div>
                    </div>
                    <hr class="visible-xs">
                </div>

                <!-- experience 1 -->
                <div class="col-sm-8 col-md-8 col-md-push-4 animated">
                    <h4>初级Java开发工程师</h4>
                    <p>就职于北京智蓝信息技术有限公司，外派到泰康资产管理有限责任公司驻场开发。进行代码编写，服务器配置和维护等工作。</p>
                    <hr class="hidden-xs">
                </div>

                <div class="col-sm-4 col-md-4 col-md-pull-8 animated">
                    <div class="icon-list">
                        <div class="icon-list-icon">
                            <i class="fa fa-briefcase"></i>
                        </div>
                        <div class="icon-list-content">
                            <div class="icon-list-title">智蓝（zealinfo）</div>
                            <div class="icon-list-info">
                                <span>2017 - 2018</span>
                            </div>
                        </div>
                    </div>
                    <hr class="visible-xs">
                </div>

            </div>
            <!-- .row -->

            <!-- download cv button -->
            <!--<div class="row">-->
            <!--<div class="col-md-12 animated text-center">-->
            <!--<a href="#" class="btn btn-default btn-lg"><i class="fa fa-cloud-download"></i> Download CV</a>-->
            <!--</div>-->
            <!--</div>-->
            <!-- row -->
        </div>
        <!-- containers -->
    </div>
    <!-- End of portfolio -->

    <!-- Start testimonial -->
    <div id="testimonial" class="content">
        <div class="row">
            <div class="col-md-12">

                <!-- Carousel Slides / Quotes -->
                <div class="carousel-inner animated">

                    <!-- Quote 1 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-3 text-center">
                                    <img class="img-circle" src="img/gaokaiyang-img.jpeg" alt="gaokaiyang">
                                </div>
                                <div class="col-sm-9">
                                    <p class="text-item">性格好动，有活力，喜欢新鲜事物，沟通能力强，学习能力强，有理想有抱负，兴趣爱好广泛!</p>
                                    <small>智蓝 前端 高凯阳</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>

                    <!-- Quote 2 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-3 text-center">
                                    <img class="img-circle" src="img/tanzhuliang.jpeg" alt="Adam Avatar">
                                </div>
                                <div class="col-sm-9">
                                    <p class="text-item">技术大牛，音乐才子！性格开放，阳光男孩，新时代的大好青年！</p>
                                    <small>东方航空 后端 檀竹亮</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>

                    <!-- Quote 3 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-3 text-center">
                                    <img class="img-circle" src="img/mutianyang.jpeg" alt="Ben Avatar">
                                </div>
                                <div class="col-sm-9">
                                    <p class="text-item">技术扎实，学习能力强，有专研精神，可以很好的完成工作任务。</p>
                                    <small>兔比兔 CTO 穆天扬</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>

                    <!-- Quote 4 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-3 text-center">
                                    <img class="img-circle" src="img/tiandonglan.jpeg" alt="Ben Avatar">
                                </div>
                                <div class="col-sm-9">
                                    <p class="text-item">会俊同学是个有梦想有目标有责任有担当的新一代好青年，爱学习，工作有热情，生活有激情。</p>
                                    <small>泰康 测试经理 田冬兰</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>

                </div>
                <!-- End Carousel Slides -->
            </div>
            <!-- col-md-12 -->
        </div>
        <!-- row -->
    </div>
    <!-- End of testimonial -->

    <!-- Start of contact -->
    <div id="contact" class="content">
        <div class="containers">
            <div class="row space">

                <!-- title -->
                <div class="col-md-12 headline">
                    <h2>寻找程序员小伙伴们交流心得</h2>
                    <hr>
                    <p>目前在职</p>
                </div>
                <!-- End title -->

                <!-- Start google maps / change your address in data-center-->
                <div class="col-md-12 animated">
                    <div class="gmap" id="map" data-center="121 S Pinckney St" data-zoom="15">
                        <address>
                            中国 | 北京 | 丰台
                        </address>
                    </div>
                </div>
                <!-- End google maps -->
            </div>
            <!-- row -->

            <!-- Email me button -->
            <div class="row">
                <div class="col-md-12 animated text-center">
                    <a href="mailto:liuhuijun_2017@163.com" class="btn btn-primary btn-lg"><i class="fa fa-envelope"></i>
                        联系我</a>
                </div>
            </div>
            <!-- row -->
        </div>
        <!-- containers -->
    </div>
    <!-- End of contact -->

    <!-- Start footer -->
    <div id="footer" class="content">
        <div class="containers">
            <div class="row">

                <div class="col-md-12 text-center">
                    <a href="/index" class="footer-logo"><span>Cross.</span></a>
                    <ul class="social">
                        <li class="hvr-grow"><a href="javascript:void(0);" onclick="openQQ()"><i class="fa fa-qq"></i></a></li>
                        <li class="hvr-grow"><a href="javascript:void(0);" onclick="openWechat()"><i class="fa fa-weixin"></i></a></li>
                        <li class="hvr-grow"><a href="https://github.com/liuhuijun11832/" target="_blank"><i class="fa fa-github"></i></a></li>
                        <!--<li class="hvr-grow"><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
                    </ul>
                    <p>Copyright &copy; 2018.liuhuijun`s website <a
                            href="http://leanote.com/blog/5a9f8776ab644138e00010d1" title="笔记" target="_blank">个人主页-笔记分享</a></p>
                    <p><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superlanding/img/icon_police_2763990.png?v=md5"><a
                            href="http://www.beian.miit.gov.cn/" title="链接" target="_blank">京ICP备19003464号</a></p>
                </div>

            </div>
            <!-- row -->
        </div>
        <!-- containers -->
    </div>
    <!-- End of footer -->

</div>
<!-- end cross portfolio -->

<!-- Fullscreen Modal -->
<div class="modal fade fullscreen" id="projectModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!-- modal button close -->
                <a href="#" class="close" data-dismiss="modal"><i class="fa fa-times"></i></a>
            </div>

            <div class="modal-body">
                <div class="row">

                    <div class="col-md-8 col-md-offset-2">

                        <!-- image 1 -->
                        <figure class="cross-image">
                            <img src="img/project_1.jpg" alt="Project 5"/>
                            <figcaption>
                                <h2>持续集成服务器-Jenkins</h2>
                                <p>兔比兔项目所集成的持续集成环境。</p>
                                <a href="http://47.104.165.131:8080/jenkins">View More</a>
                            </figcaption>
                        </figure>


                    </div>
                    <!-- col-md-8 -->
                </div>
                <!-- row -->
            </div>
            <!-- modal body -->
        </div>
        <!-- modal-content -->
    </div>
    <!-- modal-dialog -->
</div>
<!-- fullscreen -->

<!--Script -->

<!-- Jquery v1.12.0 -->
<script src="js/jquery.min.js"></script>
<!--Bootstrap Js-->
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css"></script>
<!--Classie js -->
<script src="js/classie.min.js"></script>
<!--Typed js -->
<script src="js/typed.min.js"></script>
<!-- OwlCarousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Google maps -->
<!---<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;language=en"></script>--->
<!-- Mobile map for google -->
<!--<script src="js/jquery.mobilegmap.min.js"></script>-->
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- ScrollReveal -->
<script src="js/scrollreveal.min.js"></script>
<!-- CountTo -->
<script src="js/jquery.countTo.min.js"></script>
<!-- SmoothScroll -->
<script src="js/smooth-scroll.min.js"></script>
<!-- Custom js -->
<script src="js/main.js"></script>
<!-- end script -->
<script src="js/layui/layui.js"></script>

<script>
    function openQQ(){
        layui.use('layer', function(){
            var layer = layui.layer;

            layer.open({
                type:2,
                title:'扫一扫加我QQ',
                shadeClose:true,
                shade:0.8,
                area:['150px','80%'],
                content:'img/QQ.jpeg'
                }
            );
        });
    }

    function openWechat(){
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                    type:2,
                    title:'扫一扫加我微信',
                    shadeClose:true,
                    shade:0.8,
                    area:['150px','80%'],
                    content:'img/Wechat.jpeg'
                }
            );
        });
    }

</script>

</body>

</html>

